.tree-wrap {
  :global {
    .ant-tree-treenode .ant-tree-switcher {
      order: 1;
    }
    .ant-tree-switcher .ant-tree-switcher-icon,
    .ant-tree-switcher .ant-select-tree-switcher-icon {
      color: #939fba;
    }
    .ant-tree-treenode {
      padding: 4px 0px 4px 16px;
      width: 100%;
      &.ant-tree-treenode-selected {
        background: #4877e6;
        border-radius: 16px;
        .ant-tree-switcher .ant-tree-switcher-icon,
        .ant-tree-switcher .ant-select-tree-switcher-icon {
          color: #fff;
        }
        .ant-tree-switcher-loading-icon {
          color: #fff;
        }
      }
    }
    .ant-tree-switcher_close .ant-tree-switcher-icon svg {
      transform: rotate(-180deg);
    }
    .ant-tree-node-content-wrapper.ant-tree-node-selected {
      background: #4877e6;
      color: #fff;
      transition: none;
    }
  }
}
